<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Background geerator</title>
	<link rel="stylesheet" type="text/css" href="bgstyle.css">
</head>
<body id="BG">
	<header><h1 class="HEADING">Background Generator</h1></header>
<h1 class="SUBHEADING">Create Background Gradeient: Select Colors</h1>
<section>
	<div><input class="c" type="color" name="colorplate1" value="#12aceb" id="COLOR1">
<input  class="c"type="color" name="colorplate2" value="#ff40aa" id="COLOR2"></div>
</section>
<section><div><h3 id="HEXCODE"></h3></div></section>

<script type="text/javascript" src="bgjava.js"></script>
</body>
</html>
